<template>
  <div class="space-y-4">
    <!-- 搜索验证卡 -->
    <div class="bg-white rounded shadow-sm p-4">
      <div class="flex items-center justify-between mb-3">
        <h3 class="text-gray-800 font-medium">搜索验证卡</h3>
      </div>
      <div class="flex justify-center mb-3">
        <img src="" alt="验证码图片" class="w-16 h-16">
      </div>
    </div>

    <!-- 我的订阅 -->
    <div class="bg-white rounded shadow-sm p-4">
      <h3 class="text-gray-800 font-medium mb-3">我的订阅</h3>
      <div class="flex justify-between items-center">
        <span class="text-sm text-gray-600">有新更新</span>
      </div>
    </div>

    <!-- 客服入口 -->
    <div class="fixed bottom-8 right-8 z-40">
      <button class="w-12 h-12 bg-primary rounded-full flex items-center justify-center shadow-lg hover:bg-opacity-90">
        <i class="ri-customer-service-2-line text-white text-xl"></i>
      </button>
    </div>
  </div>
</template>
